<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>这是一张图片</title>
</head>

<body>
    <!-- 1.在html中引入图片的标签是：img
    2.img标签的属性：
	1）src:引入图片的地址，必须是服务器中的图片，不能是本地的图片
    2) width:表示图片宽度
    3）height:表示图片高度
    4) title:表示鼠标放到图片上的提示信息
    5）alt:图片加载失败显示的内容
    6）border：图片边框
    3.如果加载是其他服务器的图片，必须加http或者https协议 -->
    <!-- <img width="1000px" height="500px" title="这是一张图片" alt="图片加载失败"
        src="http://java.itcast.cn/2018czgw/images/logo2.png">
    <img width="1000px" height="500px" title="这是一张图片" alt="图片加载失败" src="./img/0aotez0yaaghvvrkwi9sul293yxutx5.jpg"> -->

    <!-- audio：定义音频。支持的音频格式：MP3、WAV、OGG 
    src：规定音频的 URL
    controls：显示播放控件 -->
    <!-- <audio src="./audio/ôVâmï=âîâgâìâXâyâNâgOPâeü[â}üuû+ô·é+é¦âèâüâôâuâëâôâXüvâCâôâXâgâDâïâüâôâ^âïVer_192kbps.mp3"
        controls="controls" > -->

    <!-- video：定义视频。支持的音频格式：MP4, WebM、OGG
    src：规定视频的 URL
    controls：显示播放控件 -->
    <!-- <video src="./video/c.mp4" controls="controls" alt="视频加载失败" width="1000px" height="500px"> -->

    <!-- href：指定访问资源的URL 
            target：指定打开资源的方式
            _self：默认值，在当前页面打开
            _blank：在空白页面打开 -->

    <p><a href="https://www.baidu.com/">百度首页</a></p>

    <a href="https://www.baidu.com/" target="_blank">百度首页</a>

    <!-- 
    如果在实际开发中我们需要使用js判断满足某种条件在实现跳转，不满足就不跳转，此时如果不满足那么不能跳转的实现我们可以使用空连接。
     超链接标签的空连接实现
    1.使用#,带来的问题：
        1）在url后面多了一个#
        2) 点击之后页面会有跳转效果
    2.javascript:void(0)  javascript表示我们后面学习的javascript一种协议，void(0)表示空函数
    3.javascript:void(0);
    4.javascript: 推荐使用 简单
    5.javascript:; 
    -->
    <a href="#">空连接#</a>
    <a href="javascript:void(0)">空连接javascript:void(0)</a>
    <a href="javascript:void(0);">空连接javascript:void(0);</a>
    <a href="javascript:">空连接javascript:</a>
    <a href="javascript:;">空连接:;</a>
</body>

</html>